<template>
    <div class="app">
        <MyHeader />
        <div class="app-content">
            <MyHome />
            <MyFooter />
        </div>
    </div>
</template>

<script>
import MyHeader from '@/components/MyHeader.vue'
import MyFooter from '@/components/MyFooter.vue'
import MyHome from '@/components/MyHome.vue'

export default {
    name: 'App',
    components: {
        MyHeader,
        MyHome,
        MyFooter
    }
}
</script>

<style lang="less">
.app{
    background: url(@/assets/img/bg.jpg) repeat;
    .app-content{
        width: 100%;
        padding: 16px 20px 24px;
    }
}
</style>